<template>
  <div class="p-6px">
    <el-card class="rounded-md dark:bg-black" shadow="never">
      <div
        class="flex flex-items-center"
        v-waterMarker="{ text: 'YU-ADMIN', textColor: '#D9D9D9' }"
      >
        <el-avatar :size="60" :src="settings.asideLogoUrl" />
        <div class="p-l-20px">
          <div class="font-bold p-b-8px">
            <span>YU-ADMIN🌻</span
            ><span class="c-#409EFF" @click="handleGitee">[Gitee]</span
            ><span>/</span
            ><span class="c-orange" @click="handleGitHub">[GitHub]</span>
          </div>
          <div class="font-bold">燕雀安知鸿鹄之志~🌻</div>
        </div>
      </div>
    </el-card>
    <br />
    <!-- <Chart1></Chart1> -->
  </div>
</template>

<script setup lang="ts">
import settings from "@/settings.ts";
import { getDayText } from "@/utils/timeTip.ts";
import { koiNoticeSuccess } from "@/utils/koi.ts";
import { onMounted } from "vue";
// import Chart1 from "./components/Chart1.vue";

onMounted(() => {
  // 时间问候语
  koiNoticeSuccess(getDayText());
});

// Gitee地址
const handleGitee = () => {
  window.open("https://gitee.com/BigCatHome/koi-ui", "_blank");
};

// GitHub地址
const handleGitHub = () => {
  window.open("https://github.com/yuxintao6/koi-ui", "_blank");
};
</script>

<style lang="scss" scoped></style>
